<template>
  <div>
      登陆界面
      用户名：<input type="text" v-model="userName"><br>
      密码：<input type="text" v-model="userPwd"> <br>
      <input type="button" value="登录" @click="login()">
  </div>
</template>

<script>

import { mapMutations, mapState } from 'vuex';

export default {
    computed:{
      ...mapState('user',['loginUser'])
    },
    data(){
        return{
            userName:"",
            userPwd:""
        }
    },
    methods:{
        ...mapMutations('user',['setLoginUser']),
        async login(){
            let paramObj = {userName:this.userName,userPwd:this.userPwd}
            let info = await this.ajax.getSubmit("/api/users/login",paramObj)
            console.log(info)
            if(info == ""){
                alert("用户名或密码有误");
              }              

              //把信息放入store中
              this.setLoginUser(info)

              if(info.userLevel=="超级管理员"){
                this.$router.push("/HomePage")
              }else if(info.userLevel=="资料管理员"){
                alert("资料管理员");
              }else if(info.userLevel=="灾情管理员"){
                alert("灾情管理员");
              }else if(info.userLevel=="专家管理员"){
                alert("专家管理员");
            }else if(info.userLevel=="库房管理员"){
                alert("库房管理员");
            }
        }
    }
}
</script>

<style>

</style>